<template>
	<view class="all">
	  <view class="title">
	  	  <view class="fh"><img src="static/images/返回.png" alt=""></view>
	  	  <view class="bjsex">编辑性别</view>
	  </view> 
	  
	  <view class="xzxb">选择你的性别</view>
	  
	  <view class="sex">
		<radio-group name="radio">
		  <label class="man">
		    <text>男</text><radio class="a" value="radio1" />
		  </label>
		  
		  <label class="woman">
			<text>女</text><radio class="b" value="radio2" />
		  </label>
		</radio-group>
	  </view>
	  
	  <view class="sfzs">是否在个人页展示</view>
	  
	  <view class="uni-form-item uni-column">
	  		<view class="zsk">
				<view class="zs">展示性别标签</view>
	  			<switch name="switch" />
	  		</view>
	  	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.all{
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  background-color: rgb(245,245,245);
    }

view{
		vertical-align: middle;
	}

// 标题
.title{
	    width: 100%;
		height: 60rpx;
		// background-color: greenyellow;
		.fh{
			 width: 20%;
			 height: 50rpx;
			 // background-color: red;
			 display: inline-block;
			 img{
				  width: 50rpx;
				  height: 40rpx;
				  padding-top: 5rpx;
				  padding-left: 23rpx;
			    }
		   }
		.bjsex{
			   width: 56%;
			   height: 60rpx;
			   // background-color: red;
			   margin-left: 20rpx;
			   display: inline-block;
			   text-align: center;
			   line-height: 60rpx;
			   font-size: 32rpx;
		     }
      }

// 选择性别	  
.xzxb{
	   width: 100%;
	   height: 50rpx;
	   // background-color: red;
	   margin-left: 50rpx;
	   color: rgb(150,150,150);
	   line-height: 50rpx;
	   font-size: 25rpx;
	   margin-top: 40rpx;
     }

.sex{
	   width: 90%;
	   height: 160rpx;
	   margin: 0 auto;
	   border-radius: 25rpx;
	   background-color: white;
	   margin-top: 10rpx;
	   border: 1px solid white;
        .man{
		      width: 90%;
		      height: 80rpx;
			  // background-color: greenyellow;
			  display: block;
			  margin: 0 auto;
			  line-height: 80rpx;
			  border-bottom: 1px solid rgb(150,150,150);
			  font-size: 30rpx;
			  .a{
				    width: 10%;
				    height: 80rpx;
				    float: right;
					// background-color: red;
			    }
	       }
	    .woman{
	    		width: 90%;
	    		height: 80rpx;
	    		// background-color: greenyellow;
	    		display: block;
				margin: 0 auto;
				line-height: 80rpx;
				font-size: 30rpx;
				.b{
					width: 10%;
					height: 80rpx;
					float: right;
					// background-color: red;
				  }
	        }
    }

// 是否在个人页展示
.sfzs{
	   width: 100%;
	   height: 50rpx;
	   // background-color: red;
	   margin-left: 50rpx;
	   color: rgb(150,150,150);
	   line-height: 50rpx;
	   font-size: 25rpx;
	   margin-top: 40rpx;
     }	
// 展示框
.zsk{
	  width: 90%;
	  height: 80rpx;
	  background-color: white;
	  display: block;
	  margin: 0 auto;
	  line-height: 80rpx;
	  font-size: 30rpx;
	  border-radius: 25rpx;
	  margin-top: 10rpx;
	  border: 1px solid white;
	  .zs{
		   width: 75%;
		   height: 80rpx;
		   // background-color: red;
		   margin-left: 20rpx;
		   display: inline-block;
	     }
    }
</style>
